<div id="tenant-page">
	<h2>Tenant Administration.</h2>

	<div class="demo">

		<div id="tabs">
			<ul>
				<li id="welcome"><a href="../../tabcontroller/welcometab">Welcome</a></li>
				<li id="profile"><a href="../../tabcontroller/profiletab">Profile</a></li>
				<li id="mngobjs"><a href="../../viewloader/manageobjects">Manage Objects</a></li>
				<li id="inventory"><a href="../../viewloader/inventory">Inventory</a></li>
				<li id="adata"><a href="../../tabcontroller/adddatatab">Add  Data</a></li>
				<li id="websvcs"><a href="../../tabcontroller/webservicestab">WebServices</a></li>
				<li id="cwebsvcs"><a href="../../tabcontroller/customwebservicestab">Custom WebServices</a></li>
				<li id="workflow"><a href="../../viewloader/workflow">Workflow</a></li>
				<li id="customizer"><a href="../../guicontroller/loadcustomizer">Customizer</a>
			</ul>
		</div>

	</div>

	<!-- End demo -->
</div>


<script type="text/javascript">

   $(document).ready(function(){

	   var seltab=0;
	   var listItem = $('#<?php echo $page_id;?>');
	   var index=$('li').index(listItem);

	   if(index == -1){
		   index=0;
	   }
	   
		$(function() {
			$( "#tabs" ).tabs({
				ajaxOptions: {
					error: function( xhr, status, index, anchor ) {
						$( anchor.hash ).html(
							"Couldn't load this tab. We'll try to fix this as soon as possible. " +
							"If this wouldn't be a demo." );
					}
				},
				selected: index
			});

		});


   });


</script>
